@charset "utf-8";

/*重定义*/
:root {
  --diy-base: #333333;
  --diy-zhuti: #284066;
  --diy-fuzhu: #ff4b05;
  --diy-dianjing: #f47e31;
  --diy-font: 'Microsoft YaHei',Arial,Helvetica,sans-serif,SimSun;
  --diy-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgba(244, 126, 49, 1) 100%);
  /*新增*/
  --diy-fuse: #1355bb;
}

	:root {
		--dy-space-base:8px;
	}
@media (min-width: 576px) {
	:root {
		--dy-space-base:8px;
	}
}
@media (min-width: 768px) {
	:root {
		--dy-space-base:12px;
	}
}
@media (min-width: 992px) {
	:root {
		--dy-space-base:16px;
	}
}
@media (min-width: 1200px) {
	:root {
		--dy-space-base:20px;
	}
}

body{background:#fff;text-align: justify;}
ul,p{ margin: 0; padding: 0;}


.noleaf{ overflow: hidden;}

@media (max-width: 767.98px) {

	.header{ display: flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;  color: #fff; background: linear-gradient(190deg, rgba(0,112,127,1) 0%, rgba(0,112,127,1) 56%) ; background: var(--diy-zhuti) ;  z-index: 21; transition: all linear 0.3s; position: relative;}
	
	.header_all{ height: 100%;overflow-y: auto; position: fixed; top: 0; left: 0;}
	
	.logo{ width:100%;padding-top: 12px; padding-bottom: 12px; display: flex; flex-direction: row; justify-content: space-between; align-items:center;}
	.logo img{  height: 30px; width:auto; }
	.lo-wap{ display: block;}.lo-pc{ display: none;}
	.btn_cm{ width: 30px; height: 30px; display:flex; flex-direction: row; justify-content: flex-end; align-items: center; display: none;}
	.btn_cm img{ height: 20px; width: 20px;}
	.btn_gm{width: 30px; height: 30px; display:flex; flex-direction: row; justify-content: flex-end; align-items: center;}
	.btn_gm img{ height: 20px; width: 20px;}
	.h_nav{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; display: none;}


	
	.menu{ display: flex; flex-direction: column; align-items:flex-start; justify-content: flex-start; width: 100%; margin-top: 20px;}
	.m_con{ width: 100%;}
	.m_lev1{  width: 100%; font-size: 16px;}
	.m_lev1 a{ line-height: 40px; display: inline-block;color:var(--diy-dianjing); width: 100%;font-weight: bold;  margin-top: 3px;}
	.m_lev1 a:not([href]):not([class]), .m_lev1 a:not([href]):not([class]):hover{color:var(--diy-dianjing);}
	.m_lev1 a.cur{  color: var(--diy-dianjing)}
	.m_lev2{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 5px; }
	.m_lev2 li{ margin-top: 3px; margin-right: 3px;}
	.m_lev2 li a{ display: inline-block; border: 1px  dotted var(--diy-dianjing); padding: 3px 10px; color: var(--diy-dianjing); border-radius: 5px;}
	.m_lev2 li a.cur{color:#ffffff;border: 1px solid var(--diy-dianjing); background: var(--diy-dianjing);}
	
	.m_lev2 li a{  background-image:url(../img/ic_m-1.png); background-repeat: no-repeat; background-position: left .77em center; background-size: 1.15em;padding-left:2.69em; box-sizing: border-box; transition: all linear 0.3s;}
	.m_lev2 li:hover a,.m_lev2 li a.cur{background-image:url(../img/ic_m-11.png); background-color:none;}
	.m_lev2 li:nth-child(2) a{background-image:url(../img/ic_m-2.png);}
	.m_lev2 li:nth-child(2):hover a,.m_lev2 li:nth-child(2) a.cur{background-image:url(../img/ic_m-21.png);}
	.m_lev2 li:nth-child(3) a{background-image:url(../img/ic_m-3.png);}
	.m_lev2 li:nth-child(3):hover a,.m_lev2 li:nth-child(3) a.cur{background-image:url(../img/ic_m-31.png);}
	.m_lev2 li:nth-child(4) a{background-image:url(../img/ic_m-4.png);}
	.m_lev2 li:nth-child(4):hover a,.m_lev2 li:nth-child(4) a.cur{background-image:url(../img/ic_m-41.png);}
}

	

@media (min-width: 768px) {
	.btn_cm,.btn_gm{display: none;}
	
	.header{ width: 100%; position: relative; z-index: 10;/* position: fixed;top: 0px; left: 0px; */}
	.header::after{content: "";position: absolute;top: 0; bottom: 0;left: 0;background-position: top;background-size: cover;background-attachment: fixed;background-color: rgba(255, 255, 255, .9);-webkit-backdrop-filter: blur(.78125vw);backdrop-filter: blur(.78125vw); z-index: -1; width: 100%; height: 100%; box-shadow:0px 0px 8px rgba(0, 0, 0, .25);}
	.header .col-12{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
	.logo img{width:auto; height: 30px;}
	.lo-wap{ display: none;}.lo-pc{ display: block;}
	.h_nav{ width: 100%;  display: flex; flex-direction: row; justify-content: flex-end;}


	.nav_con{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
	.menu{ display: flex; flex-direction: row; justify-content:space-between; align-items: center; }
	.m_con{ position: relative; padding-left: 13px; padding-right: 13px;}
	.m_lev1{height: 55px; line-height: 55px;cursor: pointer; }
	.m_lev1 a{ display: block; height: 100%;border-bottom: 3px solid none;transition: all linear 0.15s; color: #333333;}
	.m_lev1 a:not([href]):hover{color:var(--diy-zhuti);border-bottom: 3px solid none;}
	.m_lev1 a:hover,.m_lev1 a.cur{border-bottom: 3px solid var(--diy-zhuti);color:var(--diy-zhuti);font-weight: bold;}
	.m_lev2{ position: absolute; top: 55px; text-align: center; left: 0px; width: 100%; background: #ffffff;  opacity: 0;transition: all linear 0.5s;  height: 0px; overflow: hidden; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
	.m_con:hover .m_lev2{opacity: 1; height: auto; }
	.m_lev2 a:hover,.m_lev2 a.cur{color:var(--diy-zhuti);}
	.m_lev2 li{ width: 100%; text-align: center; line-height: 1.2; padding: 10px 0px; border-bottom: 1px solid #f1f1f1;}
	.m_lev2 li:first-child{ padding-top: 15px;}
	.m_lev2 li:last-child{ border-bottom: none; padding-bottom: 15px;}
	
	.m_lev2 li a{  background-image:url(../img/ic_m1.png); background-repeat: no-repeat; background-position: left center; background-size: 1.15em;padding-left:1.92em; box-sizing: border-box; transition: all linear 0.3s;}
	.m_lev2 li:hover a,.m_lev2 li a.cur{background-image:url(../img/ic_m11.png); background-color:none;}
	.m_lev2 li:nth-child(2) a{background-image:url(../img/ic_m2.png);}
	.m_lev2 li:nth-child(2):hover a,.m_lev2 li:nth-child(2) a.cur{background-image:url(../img/ic_m21.png);}
	.m_lev2 li:nth-child(3) a{background-image:url(../img/ic_m3.png);}
	.m_lev2 li:nth-child(3):hover a,.m_lev2 li:nth-child(3) a.cur{background-image:url(../img/ic_m31.png);}
	.m_lev2 li:nth-child(4) a{background-image:url(../img/ic_m4.png);}
	.m_lev2 li:nth-child(4):hover a,.m_lev2 li:nth-child(4) a.cur{background-image:url(../img/ic_m41.png);}
}
@media (min-width: 992px) {
	.logo img{height: 32px;}
	.help{ padding-left: 70px;}
	.m_con{ padding-left: 20px; padding-right: 20px;}
	.m_lev1{ font-size: 16px;height: 60px; line-height: 60px;}
	.m_lev2{top: 60px;}
}

@media (min-width: 1200px) {
	.logo img{height: 36px;}
	.help{ padding-left: 92px;}
	.m_con{ padding-left: 60px; padding-right: 60px;}
	.m_lev1{ font-size: 16px;height: 70px; line-height: 70px;}
	.m_lev2{top: 70px;}
}

.headerfix{position: fixed; width: 100%; z-index: 9;-webkit-animation: living 0.6s ease-out 1;}
@keyframes living {
	0%{
		top: -60px;
		opacity:1;  
	}
	100%{
		top:0px;
		opacity: 1;
	}
}

.sz11_6{padding-top: 54.54%;height: 0;}/*图片宽高11:6*/
.ratio-11x6{--bs-aspect-ratio:80%;}
.ratio-11x6.tsny{--bs-aspect-ratio:40%;}
.ratio-11x6.tsheight{--bs-aspect-ratio:95%;}
@media (min-width: 576px) {
	.ratio-11x6.tsheight{--bs-aspect-ratio:70%;}
}
@media (min-width: 768px) {
	.ratio-11x6{--bs-aspect-ratio:50%;}
	.ratio-11x6.tsny{--bs-aspect-ratio:40%;}
	.ratio-11x6.tsheight{--bs-aspect-ratio:58%;}
}
@media (min-width: 992px) {
	.ratio-11x6{--bs-aspect-ratio:40%;}
	.ratio-11x6.tsny{--bs-aspect-ratio:30%;}
	.ratio-11x6.tsheight{--bs-aspect-ratio:45%;}
}
@media (min-width: 1200px) {
	.ratio-11x6{--bs-aspect-ratio:31.57%;}
	.ratio-11x6.tsny{--bs-aspect-ratio:20%;}
	.ratio-11x6.tsheight{--bs-aspect-ratio:26%;}
}


.banner .swiper{ height: 100%;}
.banner .swiper-wrapper{ /* 通过改变animation-timing-function 制作弹性切换效果  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 1s;*/}
.banner .banimg{ width: 100%; height: 100%; object-fit: cover;/*transition:1s linear 1s; transform:scale(1.1,1.1);*/}
.banner .swiper .swiper-slide-active img,.banner .swiper .swiper-slide-duplicate-active img{/*transition:5s linear;transform:scale(1,1);*/}
.banner .bantxt{ position: absolute; top: 0; left:0%; width: 100%; height: calc(100% - 1em); display: flex; flex-direction:column; justify-content:center; align-items:flex-start; z-index: 1; font-size: 23px; color: #fff; padding: 0 12px; box-sizing: border-box;}
.bantxt .title{ height: .142em; width: 2.85em; background: var(--diy-dianjing);}
.bantxt .text{ font-size: 1em; line-height: 2;  }

.swiper-pagination{ text-align: left;  box-sizing: border-box;}
.banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{padding-left: 12px; bottom: 3em;}

.banner .swiper-button-next,.banner .swiper-button-prev{ width: 3em; height: 3em; color: var(--diy-dianjing); top: auto; bottom: 3em; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; z-index: 11; }
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ font-size:1.75em;}
.banner .swiper-button-prev,.banner .swiper-rtl .swiper-button-next{ right:4.22em; left: auto;}
.banner .swiper-button-next,.banner .swiper-rtl .swiper-button-prev{right:.92em; left: auto;}

@media (min-width:576px) {
	.banner .bantxt{width: 540px; margin-left: -270px;padding: 0; left: 50%; font-size: 30px;}
	.banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ padding-left: 0px;width: 540px; margin-left: -270px;left: 50%;}
	.banner .swiper-button-prev,.banner .swiper-rtl .swiper-button-next{right:calc( (100% - 540px) / 2 + 3.8em); left: auto;}
	.banner .swiper-button-next,.banner .swiper-rtl .swiper-button-prev{right:calc( (100% - 540px)/2 ); left: auto;}
}
@media (min-width:768px) {
	.banner .bantxt{width: 720px; margin-left: -360px;font-size: 34px;}
	.banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ width: 720px; margin-left: -360px;}
	.banner .swiper-button-prev,.banner .swiper-rtl .swiper-button-next{right:calc( (100% - 720px) / 2 + 3.8em); left: auto;}
	.banner .swiper-button-next,.banner .swiper-rtl .swiper-button-prev{right:calc( (100% - 720px)/2 ); left: auto;}
}
@media (min-width:992px) {
	.banner .bantxt{width: 960px; margin-left: -480px;font-size: 36px;}
	.banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ width: 960px; margin-left: -480px;}
	.banner .swiper-button-prev,.banner .swiper-rtl .swiper-button-next{right:calc( (100% - 960px) / 2 + 3.8em); left: auto;}
	.banner .swiper-button-next,.banner .swiper-rtl .swiper-button-prev{right:calc( (100% - 960px)/2 ); left: auto;}
}
@media (min-width:1200px) {
	.banner .bantxt{width: 1200px; margin-left: -600px; font-size: 42px;}
	.banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ width: 1200px; margin-left: -600px;}
	.banner .swiper-button-prev,.banner .swiper-rtl .swiper-button-next{right:calc( (100% - 1200px) / 2 + 3.8em); left: auto;}
	.banner .swiper-button-next,.banner .swiper-rtl .swiper-button-prev{right:calc( (100% - 1200px)/2 ); left: auto;}
}

.banner .swiper-pagination-bullet{ width: 2.5em; height: .375em; border-radius: .1875em; background-color: #d5e0f4;}
.banner  .swiper-pagination-bullet-active{position: relative;}
.banner  .swiper-pagination-bullet-active::after{ content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%;-webkit-animation: jianbian 4.5s ease-out 1;  background-color: var(--diy-dianjing); z-index: 2;border-radius: .1875em;}
@keyframes jianbian {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}

.ttbar{ display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: var(--dy-font-42);}
.ttbar span{ font-size: .952em; font-weight: bold; line-height: 1; display: block; position: relative; padding-bottom: 0.6em;}
.ttbar span::after{ position: absolute; bottom: 0; left: 50%; width: 2.5em; margin-left: -1.25em; height: .1em; background: var(--diy-dianjing); border-radius: .05em; content: '';}
.gcol4-2 li{ box-shadow: 0px 6px 6px rgba(0,0,0,0.2);}
.gcol4-2 li:hover .img_s img{transform: scale(1.2);}

.sz7_7{padding-top: 77.19298%;height: 0;}/*图片宽高比*/

.protype{ bottom: 0; left: 0; width: 100%; height:100%;   display: flex; flex-direction: column; align-items:center; justify-content: flex-end; color: var(--diy-zhuti); transition: all .5s linear;}
.gcol4-2 li:hover .protype{ background:  var(--diy-zhuti); color: #fff;}
.protype .txt{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items:flex-end; box-sizing: border-box; }
.protype .txt span{ font-size: 1em; line-height: 1;}
.protype .txt i{ width: auto; background: url(../img/ic_jt4.png) no-repeat right center; background-size: auto .7em; /* transform: rotate(45deg);-webkit-animation: bianhua 2s ease-out infinite */ font-style: normal; font-size: .75em; line-height:1.33em; display: inline-block; padding-right: .8em;transition: all .5s linear;}
.gcol4-2 li:hover .protype .txt i{ background: url(../img/ic_jt41.png) no-repeat right center; background-size: auto .7em;}
@keyframes bianhua {
	0%{
		 margin-right: 5px;
	}
	50%{
		margin-right: 0px;
	}
	100%{
		margin-right: 5px;
	}
}
.protype .icon{ height: 36.8%; width: auto; margin-bottom: 0%; opacity: 0;transition: all .7s linear;}
.gcol4-2 li:hover .protype .icon{ opacity: 1;margin-bottom: 20%;}
.protype .icon img{ width: auto; height: 100%;}

.bgf5{ background: #f5f5f5;}

.profile{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.facimg{ overflow: hidden; width: 100%; height: 100%;}
.facimg img{ object-fit: cover; transition: all .5s linear;}
.facimg:hover img{ transform: scale(1.1);}
.profile .tit{ font-size: 1.375em; font-weight: bold; line-height: 1.07em; border-left: 0.153em solid var(--diy-dianjing); padding-left: .56em;}
.profile .subtit{ font-size: 1.125em; font-weight: bold; line-height: 1.6; margin-top: 1.6em; color: var(--diy-dianjing);}
.profile .des{ color: #666; line-height: 2; margin-top: 1.875em;}
.profile .water{ margin-top: 3em;}
.profile .morebtn{ position: absolute; bottom:23.5%; left: 0; line-height: 1.875em; color: #fff; padding-left: 1em; padding-right:1em; /* padding-right:2.625em; background: url(../img/ic_jt.png) no-repeat center right 1em var(--diy-dianjing); background-size:auto 1em; */ background: var(--diy-dianjing);}

.facbg{ background: url(../img/facbg.jpg) no-repeat center; background-size: cover; color: #fff;}
.facbg .gcol3 li{display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff;font-size: 13px; }
.facbg .gcol3 li img{ height: 2.6em; margin-bottom: 1.15em; transition: all .5s linear;}
.facbg .gcol3 li:hover img{animation-name:turnZ;animation-duration:1.5s;animation-iteration-count:1;}

@keyframes turnZ{
	0%{transform:rotateZ(0deg);}
	100%{transform:rotateZ(360deg);}
}

.facbg .gcol3 li p{ line-height: 1; font-weight: bold;}
@media (min-width:576px) {
	.facbg .gcol3 li{font-size: 16px;}
}
@media (min-width:768px) {
	.facbg .gcol3 li{font-size: 18px;}
}
@media (min-width:992px) {
	.facbg .gcol3 li{font-size: 20px;}
}
@media (min-width:1200px) {
	.facbg .gcol3 li{font-size: 22px;}
}

.gmtit{ font-size:1.375em; font-weight: bold;}

.num-box{width: 100%;}
.num-head{display: flex; flex-direction:row; justify-content: space-between; align-items:flex-start;flex-wrap: wrap;}
.num-item{text-align: center; width:auto; display: flex; flex-direction: column; align-items:flex-start; justify-content: center; width:auto;line-height: 1;}
@media (min-width:768px) {
	.num-item{min-width: 40%}
	.num-head{ flex-wrap: ;}
}
@media (min-width:992px) {
	.num-item{min-width: 50%}
}
.num-item .num-nub{display: inline-block; color:var(--diy-dianjing); line-height: 1; font-size: 3.125em; margin-bottom: 0;}
.num-item .num-add{ color: var(--diy-dianjing); font-size:1.625em;}
.num-item .num-inf{ color: #666666; text-align: left; padding-top: .8em;}

.lxtit{ font-size: 1.375em; font-weight: bold;}
.lxway li{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #666;}
.lxway li img{ width:2em; height: auto; margin-right: 1.25em;}
.map{ width: 100%; height: 100%; min-height:150px;}

.bgf7{ background: #f7f7f7;}
.lxfs b{ font-size:1.375em; display: inline-block;}
.lxfs .col-lg-4{ padding-bottom: 10px; padding-top: 10px;}
.lxfs .col-md-12 p{ font-size: 2.25em; font-weight: bold; color: var(--diy-dianjing);}
.lxfs .col-md-6 p{ padding:15px 0px;}


.foot{ background: #f5f5f5;}
.gstx{ width: 100%; display: flex; flex-direction: row; justify-content:space-between; align-items: center; border-bottom: 1px solid #999999;}
.gstx li{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; color: var(--diy-zhuti);width:auto; margin-left: 5px; margin-right: 5px; line-height: 1.3;}
.gstx li img{ height: 3em; margin-right: .3em; width: auto;}
@media (min-width:768px) {
	.gstx li{ width: 30%;}
}
@media (min-width:992px) {
	.gstx li img{ margin-right: .8em;}
}
@media (min-width:1200px) {
	.gstx li img{ height: 59px;margin-right: 1em;}
}

.foot p{}

.dibu{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.dibu img{ width: 8em;margin-right: 1em;}
.dibu .link{  display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; }
.dibu .link a{ margin-right: 10px; color: #666;font-size: 12px;}
.dicon p{ font-size: 12px; padding-top: 0.3em;color: #666;}
.dicon a{ color: #666;}
@media (min-width:576px) {
	.dibu .link{width: 100px; flex-grow: 1;}
	.dibu img{margin-right: 2em;}
}
@media (min-width:768px) {
	.dicon{ /* width: 90%; */ margin-left: auto; margin-right: auto;}
	.dibu .link a{ margin-right: 15px;font-size: 13px;}
	.dicon p{font-size: 13px;}
}
@media (min-width:992px) {
	.dibu img{ width: 9em;}
	.dicon{ /* width: 86%; */}
	.dibu .link a{ margin-right: 20px;}
}
@media (min-width:1200px) {
	.dibu img{ width: 146px; margin-right: 62px;}
	.dicon{ /* width: 85%; */}
	.dibu .link a{ margin-right: 46px;}
}


/*内页样式*/
.baseimg{ width: 100%; height: 100%; overflow: hidden;}
.baseimg img{width: 100%; height: 100%; object-fit: cover;/*-webkit-animation: turnsc 10s ease-out infinite*/}
@keyframes turnsc{
	0%{transform:scale(1.1);}
	40%{transform:scale(1);}
	60%{transform:scale(1);}
	100%{transform:scale(1.1);}
}
.nybantxt{ background: linear-gradient( 270deg, rgba(255, 255, 255, 0) 0%, rgba(34, 80, 172, .85) 60%); color: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center; padding-bottom: 10%;}
.nybantxt.ts-zz{background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgba(40, 60, 102, .9) 90%);}
.nybantxt.nopdb{ padding-bottom: 0%;}
.nybantxt .subtit{ font-size: 1.25em; font-weight: bold; line-height: 1.6; padding-top: 1.1em; position: relative;}
.nybantxt .subtit span{ line-height: 1.5; display: block; font-size: 1.6em; font-weight: normal;}
.nybantxt .subtit::before{ content: ''; position: absolute; height:.19em; width:20%; max-width: 80px; background: var(--diy-dianjing); top: 0; left: 0;}
.nybantxt .des{ line-height: 2; margin-top: 1.6em;}
.nybantxt .des img{ max-width: 631px; width: 81%;}

.nywater{ display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end;}
.nywater img{ max-width: 70%; width: 540px;}

.adtxt{ background:url(../img/adbg.png) no-repeat center #fff; background-size:100% 55%; margin-top: -10%; position: relative; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.adtxt.gcol3 li{display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--diy-zhuti);font-size: 13px; }
.adtxt.gcol3 li img{ height: 2.6em; margin-bottom: 1.15em; transition: all .5s linear;}
.adtxt.gcol3 li:hover img{animation-name:turnZ;animation-duration:1.5s;animation-iteration-count:1;}
.adtxt.gcol3 li p{ line-height: 1; font-weight: bold;}
@media (min-width:576px) {
	.adtxt.gcol3 li{font-size: 16px;}
}
@media (min-width:768px) {
	.adtxt.gcol3 li{font-size: 18px;}
}
@media (min-width:992px) {
	.adtxt.gcol3 li{font-size: 20px;}
}
@media (min-width:1200px) {
	.adtxt.gcol3 li{font-size: 22px;}
}

.culture{ background: url(../img/culbg.jpg) center; background-size: cover;}
.cultxt{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap; box-sizing: border-box;}
.cultxt li{ width: 100%; background: rgba(255,255,255,.8); box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; align-items:center; flex-wrap: wrap;}
.cultxt li img{ width: 15%; height: auto; margin-right: 10px;}
.cultxt li div{ width: 100px; flex-grow: 1;}
.cultxt li div b{ font-size: 1.375em; display: block; line-height: 1; color: var(--diy-zhuti);}
.cultxt li div p{ line-height: 2; margin-top:1.25em;}
@media (min-width:576px) {
	.cultxt li img{ width: 12%; margin-right: 30px;}
}
@media (min-width:768px) {
	.cultxt li{ width: 32%; display: flex; flex-direction: column; align-items:center; justify-content:flex-start;}
	.cultxt li.r_p60{ padding-left: 10px; padding-right:10px;}
	.cultxt li div{ width: 100%; display: flex; flex-direction: column; align-items:center; justify-content:flex-start;}
	.cultxt li img{ width: 20%; margin-right: 0; margin-bottom:1.75em;}
}
@media (min-width:1200px) {
	.cultxt li{width: 30%;}
}
.cultxt li:hover{  -webkit-animation: turnsd 1s ease-out 1}
@keyframes turnsd{
	0%{transform: translateY(0px);}
	50%{transform: translateY(-20px);}
	100%{transform: translateY(0px);}
}

.maincom{ text-align: center; line-height: 1.7em;}
.maincom p{ padding: .3375em 0; text-align: left;}
@media (min-width:1200px) {
	.maincom p{ text-align: center;}
}


.mainnum{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.sub-item{text-align: center; width:100%; display: flex; flex-direction: column; align-items:center; justify-content: center;  line-height: 1; text-align: left;}
@media (min-width:576px) {
	.sub-item{width: 33.333%; border-right: 1px solid #fff; box-sizing: border-box;}
	.sub-item:last-child{ border-right: 0;}
}
@media (min-width:992px) {

}
.sub-item .num-nub{display: inline-block; line-height: 1; font-size: 3.125em; margin-bottom: 0;}
.sub-item .num-add{ }
.sub-item .num-inf{ text-align: left; padding-top: .8em; display: block;}

.posit{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-bottom: 1px solid #f5f5f5; color: #9b9b9b;}
.posit a{ line-height: 2;}
.posit a:first-child{ background: url(../img/ic_home.png) no-repeat center; background-size:100% auto; width:20px; height:20px;}

.subcont{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
@media (max-width:991.98px) {
	.submenu{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
	.subright{ width: 100%;}
	
	.submenu li{ width:auto; border: 1px solid #eee; padding: .2em .8em; margin-right: .8em; margin-top: .8em;}
	.submenu li.cur{ border: 1px solid var(--diy-zhuti);}
	.submenu li a{font-size: 1.2em;}
	
}
.submenu li a{ display: block; width: 100%; background-image:url(../img/ic_m1.png); background-repeat: no-repeat; background-position: left center; background-size: 1.15em;padding-left:1.92em; box-sizing: border-box; transition: all linear 0.3s;}
.submenu li:hover a,.submenu li.cur a{background-image:url(../img/ic_m11.png); color: var(--diy-zhuti);}
.submenu li:nth-child(2) a{background-image:url(../img/ic_m2.png);}
.submenu li:nth-child(2):hover a,.submenu li:nth-child(2).cur a{background-image:url(../img/ic_m21.png);}
.submenu li:nth-child(3) a{background-image:url(../img/ic_m3.png);}
.submenu li:nth-child(3):hover a,.submenu li:nth-child(3).cur a{background-image:url(../img/ic_m31.png);}
.submenu li:nth-child(4) a{background-image:url(../img/ic_m4.png);}
.submenu li:nth-child(4):hover a,.submenu li:nth-child(4).cur a{background-image:url(../img/ic_m41.png);}
@media (min-width:992px) {
	.submenu{ width:180px;}
	.subright{ width: 100px; flex-grow: 1; padding-left: 50px;}
	
	.submenu li{ width: 100%;}
	.submenu li a{ font-size: 1.375em; }
	
	.submenu li a span{ width: 100%;  background:url(../img/ic_jt2.png) no-repeat center right;display: block; background-size: auto .57em; line-height: 1.7; padding: .5em 0em;transition: all linear 0.3s;}
	.submenu li:hover a span,.submenu li.cur a span{background:url(../img/ic_jt21.png) no-repeat center right;background-size: auto .57em;}
}
@media (min-width:1200px) {
	.submenu{ width:230px;}
	.subright{ padding-left: 76px;}
}



.prolist li{  width:calc((100% - var(--dy-space-base)*1) / 2); margin-right: var(--dy-space-base);  margin-top: var(--dy-space-base); background: #f5f5f5;}
.prolist li:nth-child(2n){ margin-right: 0px;}
.prolist li a{ display: block; width: 100%; height: auto;  box-sizing: border-box; padding-bottom: 0;}
.prolist li p{ line-height: 3.125; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; background: url(../img/ic_jt3.png) no-repeat center right var(--dy-num-20); background-size: 1.25em 1.25em; padding-right: 3em;padding-left:var(--dy-num-20);transition: all linear 0.3s;}
.prolist li:hover p{  background: url(../img/ic_jt31.png) no-repeat center right var(--dy-num-20) var(--diy-zhuti); color: #fff;}
@media (min-width: 768px) {
	.prolist li{ width:calc((100% - var(--dy-space-base)*2) / 3); margin-right: var(--dy-space-base); }
	.prolist li:nth-child(2n){ margin-right: var(--dy-space-base);}
	.prolist li:nth-child(3n){ margin-right: 0px;}
}


.subcon{ text-align: justify; line-height: 2;}
.subcon img,.subcon video{  max-width: 100%; /*max-height: calc(100vh - 130px);*/ object-fit: cover; object-position: center; width: auto;height: auto;}
.subcon p img:first-child{ margin-top: 10px;}
.subcon p img:last-child{margin-bottom: 10px;}
.subcon small{ font-size: 14px; color: #797c80; display: block; text-align: center; margin-bottom: 10px; margin-top: 5px;}
.subcon video{ margin: 10px 0px;}

.subcon .nrtit{ width: 100%; font-size: 1.375em; font-weight: bold; color: var(--diy-zhuti); line-height: 1; padding-left: .846em; padding-bottom: .46em; position: relative;}
.subcon .nrtit::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--diy-zhuti);}
.subcon .nrtit::before{content: ''; position: absolute; top: 0; left: 0; width: .115em; height: 1em;background: var(--diy-zhuti);}

@media (min-width: 768px) {
	.subcon .nrjj img{ float: right; width: auto; height: auto; max-width: 39%; padding-left: 2em; padding-bottom: 1em;}
}

.nrdown{ display:flex; background: var(--diy-zhuti); color: #fff; flex-direction: row; justify-content:space-between; align-items: center;}
.nrdown span{ width: 5em; height:3.75em; background: url(../img/ic_down.png) no-repeat center; background-size: 100% 100%;}
.nrdown p{ width: 100px; flex-grow: 1; margin-left:1.875em; line-height: 1; font-size: 1em; border-bottom: 1px solid #fff; padding-bottom: .8em;}
a.nrdown:hover, a.nrdown:visited {color: #fff;font-weight: bold;}

.svtxt li{ background: url(../img/svbg.jpg) no-repeat center; background-size: cover; display: flex; flex-direction: row; justify-content:flex-start; align-items:stretch; padding-left: 2em;}
.svtxt li img{width: 5em; height: 5em; margin-right:1.25em;}
.svtxt .svcon span{ font-size:1.375em; font-weight: bold; line-height: 1; display: block;}
.svtxt .svcon p{ margin-top: 1em; }
.svtxt .svcon p i{ color: var(--diy-dianjing); font-style: normal;display: inline-block;}
.svtxt .svcon p b{ font-size:1.375em;color: var(--diy-dianjing); display: inline-block;}
.svtxt .svcon .svlist{ width: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.svtxt .svcon .svlist p{ margin-right: .8em;}
.svtxt .svcon .svlist p:last-child{ margin-right: 0;}
@media (min-width: 768px) {
	.svtxt li{ flex-direction: column; align-items: center; justify-content: flex-start; padding-left: 6px;}
	.svtxt li img{ margin-bottom: 1em; margin-right: 0;}
	.svtxt .svcon{ text-align: center;}
	.svtxt .svcon .svlist p{ margin-right: .2em; text-align: left;}
}
@media (min-width: 992px) {
	.svtxt li{ flex-direction: row;justify-content: center; align-items: flex-start;}
	.svtxt li img{ margin-right:.6em; margin-bottom: 0;width: 4em; height: 4em;}
	.svtxt .svcon{ text-align: left;}
	
}
@media (min-width: 1200px) {
	.svtxt li img{ margin-right:1.25em;width: 5em; height: 5em;}
	.svtxt .svcon .svlist p{ margin-right: .8em;}
}

.svtxt li:hover{  -webkit-animation: turnsd 2s ease-out 1}


.page {clear: both;margin: 0 auto;text-align: center;margin-top: var(--dy-num-20);width: 100%;font-size:1.375em;}
.page a:hover {color:var(--diy-zhuti);}
.page-status{border-radius: 2px 0 0 2px;}
.page-last{border-radius: 0 2px 2px 0;}
.page-status,.page-index,.page-pre,.page-num,.page-next,.page-last{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 0 15px;height: 28px;line-height: 28px;margin: 0 -1px 5px 0;background-color: #fff;color: #333;font-size: 12px;border: 1px solid #e2e2e2;}
.page-num-current{background-color: var(--diy-zhuti);height:30px;line-height: 30px;border-top:none;border-bottom:none;color:#fff;}
a.page-num-current:hover{color:#fff;}
.readonly {background: #fafafa;}

.footer{ background: var(--diy-zhuti); color: #fff;}
.footer a{ color: #fff;}
.ft-logo{ height: 1.875em;}
.footer p{ font-size: .75em; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.footer p img{ height: 1.333em; margin-right: 1em;}
.footer p b{ font-size: 1.333em;}
.footer ul{ font-size: .75em; margin-top: .5em;}
.footer ul li{ line-height: 2.25em; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.footer ul li img{ width: 1.33em; height: auto; margin-right: .6em;}
.ftbgmap{ background: url(../img/ic-hmap.png) no-repeat right center; background-size: auto 80%; }
.footer .line{ height: 1px; line-height: 1px; background: #fff; overflow: hidden;}


.dibucon{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; flex-wrap: wrap;}
@media (min-width: 768px) {
	.dibucon{flex-direction: row;}
}
.gzxx{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.gzxx .moren{display: none;}
.gzxx .moren img{}
.tanchu{ display: flex; flex-direction: column; align-items: center; justify-content: center;}
.tanchu img{ width: 100px;}
.tanchu p{ margin-top: 5px;}
.gzxx:hover .tanchu{ opacity: 1;}
@media (min-width: 768px) {
	.gzxx .moren{display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.tanchu{position: absolute; bottom: 50px; right: 50%; width: 100px; height:100px; transition:all linear .3s; opacity: 0;display: block; transform: translateX(50%);}
	.tanchu p{ display: none;}
	.gzxx:hover .tanchu{ opacity: 1;}
	
}

.nybantxt.cpthumb{align-items: flex-end;  box-sizing: border-box;}
.cpthumb .container-fluid{height: 100%;padding-bottom:0.5%; box-sizing: border-box;}
.cpthumb .container-fluid>*,.cpthumb .container-fluid .container,.cpthumb .container-fluid .container>*{height: 100%;}
.cpthumb .col-12{ height: 100%;}
.cpthumb .col-12 .cppic{ height: 100%; display: flex; flex-direction: column; align-items: flex-start;justify-content: flex-end; width: 100%; padding-left: 3%; box-sizing: border-box;}
.cpthumb .col-12 .cppic img{ width: auto; height: auto; max-width: 100%; max-height: 80%;}

.cptedian{ width: 100%; display: flex; flex-direction: row; justify-content:space-between; align-items: flex-start; flex-wrap: wrap;}
.cptedian li{ width: 100%; padding-left: 5em; box-sizing: border-box; background-image: url(../img/ic-c1.png); background-position: left top; background-size: 3.75em 3.75em; background-repeat: no-repeat;}
.cptedian li:nth-child(2){background-image: url(../img/ic-c2.png);}
.cptedian li:nth-child(3){background-image: url(../img/ic-c3.png);}
.cptedian li:nth-child(4){background-image: url(../img/ic-c4.png);}
.cptedian li b{ font-size: 1.25em; color: var(--diy-zhuti); display: block; line-height: 1; margin-bottom: .5em;}
.cptedian li p{ line-height: 1.625;}
@media (min-width: 768px) {
	.cptedian li{ width: 48%;}
}

.img_s.newimg img {position: absolute; top: 50%; left: 50%; width: 80%; height: auto;transform: translate(-50%, -50%);}
.img_s.newimg:hover img {transform: translate(-50%, -50%) scale(1.2);}